#{stylesheet 'widgets/form.css' /}
#{script 'jquery.uniform.js' /}
#{script 'presupuestos/producto.js' /}

#{form @Presupuestos.saveProducto(), id: 'producto-form'}
<div class="hidden"> 
#{field 'productoDTO.id'}
<p>
	<label>&{field.name}</label> 
	<input type="text" id="${field.id}" name="${field.name}" value="${field.value}" />
</p>
#{/}
</div>
<div>
<p>
	<label>Tipo</label> 
#{field 'productoDTO.tipo'}
#{select field.name, value: field.value, id: field.id}
	#{option 1}Afiche#{/option}
	#{option 2}Backlight#{/option}
	#{option 3}Banner#{/option}
	#{option 4}Display#{/option}
	#{option 5}Poster#{/option}
	#{option 6}Vinilo#{/option}
#{/select}
#{/}
</p>
</div>
<div> 
#{field 'productoDTO.cantidad'}
<p>
	<label>Cantidad</label> 
	#{input for:field.name, id:field.id, class:'numberField' /}
</p>
#{/}
</div>
<div> 
#{field 'productoDTO.ancho'}
<p>
	<label>Ancho (m)</label> 
	#{input for:field.name, id:field.id, class:'numberField' /}
</p>
#{/}
</div>
<div> 
#{field 'productoDTO.largo'}
<p>
	<label>Largo (m)</label> 
	#{input for:field.name, id:field.id, class:'numberField' /}
</p>
#{/}
</div>
<div>
#{field 'productoDTO.impresionId'}
<p>
	<label>Material impresion</label> 
	#{select field.name, items:mImpresiones, valueProperty:'id', labelProperty:'nombre', value: field.value, id:field.id /}
</p>
#{/}
#{field 'productoDTO.calidadId'}
<p>
	<label>Calidad</label> 
	#{select field.name, items:calidades, valueProperty:'id', labelProperty:'descripcion', value: field.value, id:field.id /}
</p>
#{/}
</div>
<div id="field-laminado">
#{field 'productoDTO.laminadoId'}
<p>
	<label>Material laminado</label> 
	#{select field.name, items:mLaminados, valueProperty:'id', labelProperty:'nombre', value: field.value, id:field.id, cselect : field.value /}
</p>
#{/}
</div>
<div id="field-montaje">
#{field 'productoDTO.montajeId'}
<p>
	<label>Material montaje</label> 
	#{select field.name, items:mMontajes, valueProperty:'id', labelProperty:'nombre', value: field.value, id:field.id, cselect : field.value /}
</p>
#{/}
</div>
<div id="field-terminacion">
#{field 'productoDTO.terminacionId'}
<p>
	<label>Terminacion</label> 
	#{select field.name, items:terminaciones, valueProperty:'id', labelProperty:'nombre', value: field.value, id:field.id, cselect : field.value /}
</p>
#{/}
</div>
<div id="field-porta">
#{field 'productoDTO.portaBannerId'}
<p>
	<label>Porta banner</label> 
	#{select field.name, items:portaBanners, valueProperty:'id', labelProperty:'nombre', value: field.value, id:field.id, cselect : field.value /}
</p>
#{/}
</div>
<div class="floatright">
	<input id="button-save-producto" type="submit" value="Guardar" class="button tiny orange" /> 
	<button id="button-delete-producto" class="button tiny">Eliminar</button>
	<button id="button-close-producto" class="button tiny">Cerrar</button> 
</div>
#{/form}
